<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>渐变进度条</title>
    <link rel="stylesheet" href="./index.css" />
		<style>
			body {margin: 0; padding: 0;}
			div {display: block;}
			.root {
				height: 60px;
				position: relative;
				padding: 0 20px;
				margin-top: 20px;
			}
		</style>
  </head>
  <body>
		<div class="root">
			<div class="pgBarItem">
				<div class="pgBarItem-b"></div>
				<div class="pgBarItem-bg"></div>

				<div class="pgBarItem-cc"></div>
			</div>
		</div>
  </body>
</html>
